﻿
@{
    ViewData["Title"] = "功能";
    var F = @Html.F();
}


@section body {

    @(
        F.Panel()
         .ID("Panel1")
         .ShowBorder(false)
         .ShowHeader(false)
         .Layout(LayoutType.Region)
         .RegionSplitWidth(10)
         .IsViewPort(true)
         .Items(
             F.Panel()
                 .ID("panelLeftRegion")
                 .RegionSplit(true)
                 .EnableCollapse(true)
                 .RegionPosition(Position.Left)
                 .Width(250)
                 .Title("功能列表")
                 .TitleToolTip("功能列表")
                 .ShowBorder(true)
                 .ShowHeader(true)
                 .BodyPadding(5)
                 .Items(
                       F.Tree()
                         .ShowBorder(false)
                         .ShowHeader(false)
                         .ID("treeMenu")
                         .Listener("nodeclick", "onTreeNodeClick")
                         .Nodes((TreeNode[])ViewBag.TreeMenuNodes)
                 ),
             F.Panel()
                 .ID("panelCenterRegion")
                 .RegionPosition(Position.Center)
                 .Title("功能编辑")
                 .ShowBorder(false)
                 .ShowHeader(false)
                 .BodyPadding("0px 0px 0px 0px")
                 .Layout(LayoutType.VBox)
                 .Items(
                    F.Form()
                       .ID("EditForm")
                       .Title("功能编辑")
                       .BoxFlex(1).AutoScroll(true)
                       .MinHeight(212)
                       .BodyPadding(5)
                       .ShowBorder(true)
                       .ShowHeader(true)
                       .Toolbars(
                         F.Toolbar()
                             .Position(ToolbarPosition.Top)
                             .ID("Toolbar1")
                             .Items(
                                 F.Button()
                                     .ID("sys6Add")
                                     .OnClientClick("sys6Add_Click()")
                                     .Text("新增"),
                                  F.Button()
                                     .ID("sys6Edit")
                                     .OnClientClick("sys6Edit_Click()")
                                     .Text("修改"),
                                   F.Button()
                                     .ID("sys6Del")
                                     .OnClientClick("sys6Del_Click()")
                                     .Text("删除")
                             ),
                         F.Toolbar()
                             .Position(ToolbarPosition.Bottom)
                             .ToolbarAlign(ToolbarAlign.Center)
                             .ID("Toolbar1")
                             .Items(
                                 F.Button()
                                     .ID("sys6save")
                                     .Enabled(false)
                                     .IconFont(IconFont.Save)
                                     .IconAlign(IconAlign.Left)
                                     .OnClientClick("sys6save_Click()")
                                     .Text("保存"),
                                  F.Button()
                                     .ID("sys6savenew")
                                     .Enabled(false)
                                     .IconFont(IconFont.Copy)
                                     .Text("保存并新增"),
                                   F.Button()
                                     .ID("sys6close")
                                     .Enabled(false)
                                     .OnClientClick("setuse(false)")
                                     .Text("取消")
                             )
                       )
                       .Rows(
                             F.FormRow()
                                  .ColumnWidths("50% 50%")
                                  .Items(
                                      F.TextBox()
                                          .ID("txtsys6_20")
                                          .Label("系统功能")
                                          .Required(true)
                                          .Attribute("data", "Data_System_6_20")
                                          .EmptyText("系统功能"),
                                      F.NumberBox()
                                          .ID("txtsys6_80")
                                          .Label("顺序号")
                                          .Required(true)
                                          .Attribute("data", "Data_System_6_80")
                                          .EmptyText("顺序号")
                                  ),
                             F.FormRow()
                                  .ColumnWidths("100%")
                                  .Items(
                                      F.TextBox()
                                          .ID("txtsys6_40")
                                          .Label("连接地址")
                                          .Attribute("data", "Data_System_6_40")
                                          .EmptyText("连接地址")
                                  ),
                             F.FormRow()
                                  .ColumnWidths("100%")
                                  .Items(
                                    F.DropDownList()
                                         .ID("ddlsys6_70")
                                         .DataTextField("SYSTEM_6_20")
                                         .EnableSimulateTree(true)
                                         .AutoShowClearIconEx(true)
                                         .Label("上级功能")
                                         .Attribute("data", "Data_System_6_70")
                                         .DataValueField("SYSTEM_6_10")
                                         .DataSimulateTreeLevelField("_TreeLevel")
                                         .DataSource(ViewBag.ddlsys6_70DataSource)
                                  )
                        ),
                        F.Grid()
                           .ID("Grid1")
                           .Title("功能按钮")
                           .DataIDField("System_8_10")
                           .DataTextField("System_8_20")
                           .BoxFlex(3)
                           .EditWindow(true)
                           //.Enabled(false)
                           .EnableHeaderMenu(false)
                           .BodyPadding(0)
                           .ShowBorder(true)
                           .ShowHeader(true)
                           //.AddTool(IconFont.Android, "setuse(true);")
                           .EnableCheckBoxSelect(true)
                           .Toolbars(
                            F.Toolbar()
                            .Items(
                                F.Button()
                                .ID("btnAdd")
                                .OnClientClick("btnAdd_Click()")
                                .Text("新增按钮"),
                                F.Button()
                                .ID("btnedit")
                                .OnClientClick("btnedit_Click()")
                                .Text("修改按钮"),
                                F.Button()
                                .ID("btndelete")
                                .OnClientClick("btndelete_Click()")
                                .Text("删除")
                                )
                            )
                           .Columns(
                               F.RowNumberField(),
                               F.RenderField()
                                   .HeaderText("ID")
                                   .Hidden(true)
                                   .DataField("System_8_10"),
                               F.RenderField()
                                   .HeaderText("按钮名称")
                                   .ExpandUnusedSpace(true)
                                   .DataField("System_8_20"),
                               F.RenderField()
                                   .HeaderText("按钮ID")
                                   .ExpandUnusedSpace(true)
                                   .DataField("System_8_30"),
                               F.RenderCheckField()
                                   .HeaderText("是否有效")
                                   .ExpandUnusedSpace(true)
                                   .Hidden(true)
                                   .DataField("System_8_50"),
                               F.RenderField()
                                   .HeaderText("顺序号")
                                   .ExpandUnusedSpace(true)
                                   .DataField("System_8_60")
                           )
                     )

        ))

    <br>
    <br>


}


@section script {

    <script>
        //树节点点击事件
        function onTreeNodeClick(e, nodeId) {
            setuse(false);
            F.ui.EditForm.DataID = nodeId;
            F.doPostBack('@Url.Action("Tree1_NodeClick")', {
                nodeId: nodeId,
                fields: F.ui.Grid1.fields
            });
        }

        //更新新Grid
        function updatasys8() {
            //var Grid1 = F.ui.Grid1;
            //Grid1.updaterow(data);

            var ids = F.ui.treeMenu.getSelectedNode();
            F.doPostBack('@Url.Action("Tree1_NodeClick")', {
                nodeId: ids,
                fields: F.ui.Grid1.fields
            });
            notifyEx("保存成功");
        }

        //删除
        function sys6Del_Click() {
            var d = {};
            d.System_6_10 = F.ui.EditForm.DataID;
            F.confirm({
                message: '确认删除？',
                messageIcon: 'question',
                ok: function () {
                    // 触发后台事件
                    F.doPostBack('@Url.Action("sys6Del_Click")', d);
                }
            });
        }

        //修改
        function sys6Edit_Click() {
            setuse(true);
        }

        //新增
        function sys6Add_Click() {
            F.ui.EditForm.DataID = "0";
            F.ui.EditForm.reset();
            F.ui.Grid1.clearData();
            setuse(true);
            //F.ui.Grid1.setEnabled(false);//表格
        }

        //保存
        function sys6save_Click() {
            var d = F.ui.EditForm.getdata(true);
            if (!d) return;
            d.System_6_10 = F.ui.EditForm.DataID;
            F.doPostBack('@Url.Action("sys6save_Click")', {
                ms: d
            });
        }

        //按钮新增
        function btnAdd_Click() {
                var editurl = '@Url.Content("~/system/system6/sys8Edit")' + "?str40=" + F.ui.EditForm.DataID;
                var MenuId = F.queryString("MenuId");
                if (MenuId && MenuId != '') {
                    if (editurl.indexOf('MenuId') < 0) {
                        editurl += "&MenuId=" + MenuId;
                    }
                }
                F.ui.Grid1GridEdit.show(editurl, "新增按钮", 400, 450);
        }

        //按钮修改
        function btnedit_Click() {
            var selectids = F.ui.Grid1.getSelectedRows();
            if (selectids.length != 1) {
                notifyEx("请选择一行进行编辑");
            } else {
                var editurl = '@Url.Content("~/system/system6/sys8Edit")?id=' + selectids[0] + "&str40=" + F.ui.EditForm.DataID;
                var MenuId = F.queryString("MenuId");
                if (MenuId && MenuId != '') {
                    if (editurl.indexOf('MenuId') < 0) {
                        editurl += "&MenuId=" + MenuId;
                    }
                }
                F.ui.Grid1GridEdit.show(editurl, "修改按钮", 400, 450);
            }
        }

        //删除按钮
        function btndelete_Click() {
            var ids = F.ui.Grid1.getSelectedRows();
            var str40 = F.ui.EditForm.DataID;
            if (ids.length < 1) {
                notifyEx("请选择一行进行编辑");
                return;
            }
            confirmEx("是否删除选中项", function () {
                F.doPostBack('@Url.Action("btndelete_Click")', {
                    ids: "'" + ids.join("','") + "'",
                    callback: "onTreeNodeClick(null,'" + str40 + "');"
                });
            })
        }

        //这只是否可用 true可用
        function setuse(b) {
            F.ui.EditForm.fieldReadnly(!b);//编辑
            F.ui.sys6save.setEnabled(b);//保存
            F.ui.sys6savenew.setEnabled(b);//保存并新增
            F.ui.sys6close.setEnabled(b);//取消
            //F.ui.Grid1.setEnabled(b);//表格
        }


        F.ready(function () {
            //F.ui.EditForm.fieldReadnly();
            //f-tree-node
            setuse(false);
            $(F.ui.treeMenu.el).find(".f-tree-node").eq(1).click();

        });
    </script>

}